<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>AGV状态监控</title>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link th:href="@{favicon.ico}" rel="shortcut icon"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
    <link th:href="@{/ruoyi/css/ry-ui.css?v=4.7.2}" rel="stylesheet"/>
    <th:block th:include="include :: header('AGV状态监控')" />
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        #container {
            position: relative;
            padding: 20px;
            height: 30px;
        }

        #left_side {
            position: absolute;
            top: 20px;
            left: 20px;
            border: solid 0px #e7eaec;
            width: 200px;
            height: 100%;
        }

        #content {
            margin: 0px 210px 0px 210px;
            border: solid 0px #e7eaec;
            height: 100%;
            font-size:35px;
            text-align: center;
        }

        #right_side {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 200px;
            height: 100%;
            font-size: medium;
            text-align: center;
        }
        .area {
            height: 800px;
            margin:20px 20px 0px 20px;
            background-color: white;
        }
        p{
            text-align: center;
            margin: 0px;
        }
        .textbtn:hover{
            color: black;
            cursor: pointer;
        }
        .textbtn:active{
            color: gray;
        }
    </style>
</head>
<body class="gray-bg">
<div>
    <div id="container">
        <div id="left_side">AGV状态监控</div>
        <div id="content"></div>
        <div id="right_side">
            <div style="user-select: none;width: 100px;height: 100%;float: right;font-size: 16px;" onclick="Goto_systemhomepage()" class="textbtn">返回首页</div>
            <div style="user-select: none;width: 100px;height: 100%;float: right;font-size: 16px;" onclick="Goto_mainconsole()" class="textbtn">返回总控台</div>
        </div>
    </div>
    <div class="area">
        <div style="width: 100%;height:500px;border: solid 1px #e7eaec;border-radius: 3px">

            <div style="width:45%;margin-top: 30px;height:500px;margin-left: 4%;display: inline-block;float: left">

            </div>
            <div style="width:45%;margin-top: 30px;height:500px;margin-left: 4%;display: inline-block;float: left">

            </div>
        </div>
        <div style="width: 100%;height:280px;margin-top: 10px;border: solid 1px #e7eaec;border-radius: 3px">

        </div>
        <div>

        </div>
    </div>

</div>

<th:block th:include="include :: footer" />
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.2}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.7.2}"></script>
<script th:src="@{/ruoyi/index.js?v=20201208}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:inline="javascript">
    var ctx = [[@{/}]];
        function Goto_systemhomepage() {
            window.location =ctx + 'generalControl/SystemHomePage';
        }
        function Goto_mainconsole() {
            window.location = ctx +'generalControl/MainConsole';
        }
</script>
</body>
</html>
